<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Contact Us</title>
<link href="resources/css/bootstrap.min.css" rel="stylesheet">
<link href="resources/css/bootstrap-responsive.min.css" rel="stylesheet">
<style type="text/css">
.cus_row {
	-moz-box-sizing: border-box;
	float:left;
	min-height: 1px;
	padding-right: 15px;
	position: relative;
}

.form_caja {
    padding-top: 8px;
    padding-bottom: 15px;
    margin: 0 auto 20px auto;
    background: #FFFFFF;
     border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
</style>


</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container"> 
    	<a class="btn btn-navbar" style="margin-top: 25px;" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
      	</a> <a class="brand" style="text-align:center;" href="login.php"><img src="resources/icons/share_ride.png" style="max-width:55px; padding-right:15px"/>Carpooling.lk</a>
      <div class="nav-collapse collapse" style="float:right">
        <ul class="nav navbar-nav">
          <li class="active" style="text-align:center; float:left">
          	<a href="#"><img src="resources/icons/contact_us.png" style="max-width:40px; min-width: 20px;"/><br />Contact us</a>
          </li>
          <li style="text-align:center; float:left">
          	<a href="about_us.php"><img src="resources/icons/about_us.png" style="max-width:40px; min-width: 20px;"/><br />About us</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<div style="height:85px"></div>
<div class="container">


 <form class="form-actions" name="userDetails" id="userDetails">

        <fieldset>
          <legend>Contact Us</legend>
         
          <div class="control-group" style="margin-top:0px;">
            
             <table class="table ng-cloak form_caja">
             <tr>
                 <td style="width: 30%;">
                     <img class="img-responsive" src="resources/icons/contact_us.png" style="min-width: 50px;"/>
                 </td>
             </tr>
             <tr>
                 <td style="width: 30%;">
                     <small class="metadata">Company</small>
                 </td>
                 <td>
                     <b class="fullname">Carpooling.lk</b>
                 </td>
             </tr>
             <tr>
                 <td>
                     <small class="metadata">Email</small>
                 </td>
                 <td>
                     <a class="fullname" href="mailto:shermalw@gmail.com">shermalw@gmail.com</a>
                 </td>
             </tr>
             
             <tr>
                 <td>
                      <small class="metadata">Phone</small>
                 </td>
                 <td>
                      <a class="fullname" href="skype:0714240153?call">0714240153</a>
                 </td>
             </tr>
             <tr>
                 <td>
                      <small class="metadata">Profession</small>
                 </td>
                 <td>
                      <b class="fullname">Software Engineer</b>
                 </td>
             </tr>
             <tr>
                 <td>
                      <small class="metadata">Gender</small>
                 </td>
                 <td class="fullname">
                     <b class="fullname">Male</b>
                 </td>
             </tr>
             <tr>
                 <td>
                      <small class="metadata">Address</small>
                 </td>
                 <td class="fullname">
                     <b class="fullname">No 20, Theresa Mw., Kala eliya, Ja-ela</b>
                 </td>
             </tr>
         </table>
          </div>
        </fieldset>
    </form>
    
    <!-- Notification Panel -->
    <div id="includedNotifPanel"></div>
  
  <div style="height:30px"></div>
  <!-- Site footer -->
  <div class="navbar navbar-inverse navbar-fixed-bottom">
    <div class="navbar-inner"> <a class="brand" href="#" style="padding-left:7%">&copy; Carpooling.lk 2013</a> </div>
  </div>
</div>

<!-- JAVASCRIPT INCLUDES -->
<script type="text/javascript" src="resources/js/jquery.min.js"></script>
<script type="text/javascript" src="resources/js/bootstrap-collapse.js"></script>
<script type="text/javascript" src="resources/js/bootstrap-transition.js"></script>

</body>
</html>
